.drawer{
	width: 70%;
	height: 100%;
	position: fixed;
	right:-70%;
	top:0;
	box-shadow: 0 0 12px #000;
	background: #fefefe;
	overflow: scroll;
	box-sizing: border-box;
	transition-property: right;
	transition-duration: 0ms;
	transition-timing-function: ease-in;
	z-index: 100;

	&.open{
		right:0;
		transition-duration: 0ms;
	}

	&.vertical{
		width: 100%;
		height: 0;
		right: 0;
		top:auto;
		bottom:0;
		left:auto;
		position: absolute;
		padding:0 10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 0 8px #333;

		&.open{
			left: auto !important;
			right: 0 !important;
			height:80%;
			padding:0 10px 10px 10px;
			overflow: auto!important;
		}
	}

	.drawerWrapper {
		height: 94px;
		line-height: 48px;
		width: 70%;
		background: #ffffff;
		z-index: 2;
		position: fixed;
		top: 0;
	}

	.drawerContent {
		margin-top: 48px;
		padding: 10px;
	}

	.drawerHeader{
		text-align: center;
	}

	.drawerClose{
			float: left;
			width:20px;
			height:20px;
			line-height: 20px;
			font-size: 16px;
			text-align: center;
			padding:10px;
			font-weight: 100;
			cursor: pointer;
			color:#888;
			z-index: 10;

			&:hover{
				color:#444;
			}
	}
}